	<div class="navbar navbar-default navbar-fixed-top shadow bottom-gap no-border no-padding container" role="navigation">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navMenu">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand no-margin" href="#">
				<img src="../img/logo-header.png" class="hidden-xs">
				<img src="../img/logo-header-small.png" class="visible-xs">
			</a>
		</div>
		<div class="clearfix"></div>
		<ul id="navMenu"class="nav navbar-nav navbar-collapse collapse">
			<li><a href="#">
                <span class="glyphicon glyphicon-home" style="margin-right: 10px"></span>HOME
			</a></li>
            <li><a href="#search">
                SEARCH
            </a></li>
            <li><a href="#">
                ATTENDANCE
            </a></li>
            <li class="dropdown navbar-right" ng-if="loggedIn">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"> {{member}} <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#" ng-click="logout()"> Logout </a></li>
                </ul>
            </li>
		</ul>
	</div>
